<!DOCTYPE html>
<html>
<head> 
<style>
*{
	font-family: 微软雅黑;
}
div:after{
	content: '';
	display: block;
	clear: both;
}
</style>
<meta charset="utf-8"> 
<title>查询课程时长</title>

</head>
<body>
<textarea id='area' style="width: 80%;display: block;margin: 0px auto;height: 60vh">1.学前要求、项目功能介绍、需求分析
13分钟
2-项目创建、安装初始化和第一个请求的实现
录播
2-项目创建、安装初始化和第一个请求的实现
16分钟
3.模板引擎的配置和使用
录播
3.模板引擎的配置和使用
11分钟
4-静态文件托管
录播
4-静态文件托管
11分钟
5-分模块开发与实现
录播
5-分模块开发与实现
13分钟
6-数据连接、表结构Schema定义、Model创建
录播
6-数据连接、表结构Schema定义、Model创建
13分钟
7-用户注册前端页面逻辑
录播
7-用户注册前端页面逻辑
15分钟
8-body-parser模块的使用
录播
8-body-parser模块的使用
12分钟
9-基于数据库的验证和用户信息保存
录播
9-基于数据库的验证和用户信息保存
11分钟
10-用户登录
录播
10-用户登录
13分钟
11-使用cookie保存用户登录状态
录播
11-使用cookie保存用户登录状态
21分钟
12-普通用户和管理员功能的实现
录播
12-普通用户和管理员功能的实现
7分钟
13-后台管理功能及界面的搭建
录播
13-后台管理功能及界面的搭建
15分钟
14-后台管理的注册用户数据展示
录播
14-后台管理的注册用户数据展示
10分钟
15-后台管理-注册用户数据分页原理和实现
录播
</textarea>


<button id="btn" style="display: block;width: 320px;margin:20px auto;background-color: black;color: white;border:none;padding: 10px 30px;font-size: 24px;">查看视频总时间</button>
</body>
	<script>
	var btn = document.getElementById('btn');
	btn.onclick = function(){
		var c = document.getElementById('area').value;
			var reg = /\d+分钟/g;
			var arr = c.match(reg);
			arr = arr.map(item=>parseInt(item))
			var sum=0
			arr.forEach((num)=>sum+=num)
			alert(`总时长为${sum}分钟`)	 
	}
	</script>
</html>